<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link href="css/page.css" rel="stylesheet" type="text/css" />
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    
   </head>
   <body>
     <div class="container">
         <div class="header content">
             <h1 class="lead">Web Project</h1>    
         </div>
      
      <div class="app_slider content">
         <ul id="pikame" class="jcarousel-skin-pika">
			<li><img src="img/img1.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img2.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img3.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img4.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img5.jpg"/><span>这里可以加一些文字.</span></li>
            <li><img src="img/img1.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img2.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img3.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img4.jpg"/><span>这里可以加一些文字.</span></li>
			<li><img src="img/img5.jpg"/><span>这里可以加一些文字.</span></li>
		</ul>
      </div>
         
         <div class="divider_line content"></div>
         
         <div class="app_list_container content">
            <div class="no_file_tip">
                <img src="img/no_file_tip.png"/>
            </div>
         </div>
         
         <div class="app_list_container content">
            <div class="sorter"><img src="img/arrow.png"/></div>
            <div class="time">2013年1月</div>
            <table class="app_list" cellspacing="35">
                <tr>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                     <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                </tr>
                <tr>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                     <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                    <td class="app_item">
                      <img src="img/app_logo.png" width="40%" height="40%" /><br>
                      软件名称
                    </td>
                </tr>
            </table>
         </div>
         
         <div class="divider_line content"></div>
         
         <div class="bottom_container content">
              Copyright@2012-2013<br>
         </div>
     </div>
     <script src="js/jquery.min.js"></script>
   	<script src="js/jquery.jcarousel.min.js"></script>
   	<script src="js/jquery.pikachoose.js"></script> 
  	<script language="javascript">
	$(document).ready(
		function (){
			$("#pikame").PikaChoose(
			   {carousel:false,text:{previous:"",next:""},carousel:true});
		});
   </script>
   </body>
</html>